import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import postcssPxtorem from 'postcss-pxtorem';
import { fileURLToPath, URL } from 'node:url';

export default defineConfig({
  plugins: [
    vue(),
  ],
  css: {
    preprocessorOptions: {
      scss: {
      }
    },
    postcss: {
      plugins: [
        postcssPxtorem({
          rootValue: 14, // 设置基准值, 这个值会影响到 rem 的计算
          propList: ['*'], // 需要做转化处理的属性列表，* 表示全部
        }),
      ],
    },
  },
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  server: {
    port: 9001,
    host: '0.0.0.0',
    proxy: {
      // 获取路径中包含了/api的请求, 就会转发到http://localhost:5000
      '/api': {
        // 转发的目标地址
        // target: 'https://fx.xk021104.cn/api',
        target: 'http://localhost:9000/api',
        // 是否重写路径
        changeOrigin: true,
        // 重写路径
        rewrite: path => path.replace(/^\/api/, '') // /api 替换成空
      }
    }
  }
});
